<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>爱码士</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <!-- CSS Libs -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/bootstrap-switch.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/checkbox3.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/lib/css/select2.min.css">
    <!-- CSS App -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/css/style.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/manage/css/themes/flat-blue.css">
</head>

<body class="flat-blue">
    <div class="app-container">
        <div class="row content-container">
            <nav class="navbar navbar-default navbar-fixed-top navbar-top">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-expand-toggle">
                            <i class="fa fa-bars icon"></i>
                        </button>
                        <ol class="breadcrumb navbar-breadcrumb">
                            <li class="active">欢迎</li>
                        </ol>
                        <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                            <i class="fa fa-th icon"></i>
                        </button>
                    </div>
                </div>
            </nav>
            
            
            
            
            
            
            
            <div class="side-menu sidebar-inverse">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="side-menu-container">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">
                                <div class="icon fa fa-paper-plane"></div>
                                <div class="title">爱码士</div>
                            </a>
                            <button type="button" class="navbar-expand-toggle pull-right visible-xs">
                                <i class="fa fa-times icon"></i>
                            </button>
                        </div>
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="#">
                                    <span class="icon fa fa-tachometer"></span><span class="title">首页</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-element">
                                    <span class="icon fa fa-desktop"></span><span class="title">菜单管理</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-element" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a target="middle"  href="user_Page.action">用户</a></li>
                                            <li><a target="middle"  href="role_Page.action">角色</a></li>
                                            <li><a target="middle"  href="customer_Page.action">客户</a></li>
                                            <li><a target="middle"  href="order_Page.action">订单</a></li>
                                        </ul>
                                    </div>
                                </div>    
                            </li>
            
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </nav>
            </div>
            <!-- Main Content -->
            <div class="container-fluid" >
                <div class="side-body padding-top" >
             	<iframe scrolling="no"  frameborder="0" name="middle" width="1000px" height="500px" ></iframe>
            </div>
        </div>
        
            <!-- Javascript Libs -->
           	 <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/jquery.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/Chart.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/bootstrap-switch.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/jquery.matchHeight-min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/jquery.dataTables.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/dataTables.bootstrap.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/select2.full.min.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/ace/ace.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/ace/mode-html.js"></script>
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/lib/js/ace/theme-github.js"></script>
            <!-- Javascript -->
            <script type="text/javascript" src="${pageContext.request.contextPath}/manage/js/app.js"></script>
 
</body>
     
  </html>                       